page{
	min-height: 100%;
	width: 100%;
	background: #F2F2F2 url(../../static/images/zjlbg.png) no-repeat center top;
	background-size:100% ;
	padding-top: 98upx;
	box-sizing: border-box;
}

.js-drop{
	
	position: fixed;
	top: 0rpx;
	/* right: 0rpx; */
	/* bottom: 0rpx; */
	left: 0rpx;
	width: 100%;
	height: 100vh;
	z-index: 3000;
	background:rgba(0,0,0,0.3);
}
.js-box{
	width: 540rpx;
	height: 775rpx;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 20rpx;
	padding-top: 400rpx;
	box-sizing: border-box;
}
.js-box .js-close{
	position: absolute;
	top: 30rpx;
	right: 33rpx;
	width: 40rpx;
	height: 40rpx;
	z-index: 33;
}
.js-box .js-list{
	padding-left: 60rpx;
}
.js-box .btn{
	width: 426rpx;
	height: 72rpx;
	border-radius: 36rpx;
	background: #27A9FD;
	text-align: center;
	line-height: 72rpx;
	color: #fff;
	font-size: 32rpx;
	position: absolute;
	bottom: 60rpx;
	left: 50%;
	transform: translateX(-50%);
}
 .message-img .info-num{
	font-size: 18upx;
	color: #fff;
	background: #EE1717;
	border-radius: 12upx;
	/* height: 24upx; */
	padding: 0rpx 10upx;
	position: absolute;
	top: -12upx;
	right: -12upx;
	
} 
.message-img{
	margin-left: 10rpx;
	position: relative;
}
.message-img .message-img-icon {
	display: block;
}
 .message-img  .message-img-icon{
	 width: 42rpx;
	 height: 43rpx;
 }
 .info-box .info-icon{
	width: 42upx;
	height: 43upx;
}
.headInfo {
  position: relative;
}

.version{
	position: absolute;
	right: 70rpx;
	top: 110rpx;
	padding: 13rpx  16rpx;
	color: #27A9FD;
	background: #fff;
	border-radius: 10rpx;
	font-size: 24rpx;
}
.order-top{
	/* overflow: hidden; */
	padding: 0upx 24upx;
	display: flex;
		    justify-content: space-between;
			align-items: center;
	
	
}
.order-top .top-right-box{
	display: flex;
	align-items: center;
}
.order-top .sys{
	width: 43upx;
	height: 43upx;
	float: right;
	margin-left: 20rpx;
	position: relative;
	/* top: 6upx; */
}
.order-top .top-left{
	float: left;
	margin-right:10rpx ;
}
.order-top .top-left .person{
	width: 42upx;
	height: 42upx;
	margin-right: 20upx;
}
.order-top .top-left text{
	font-size: 32upx;
	color: #fff;
	
}
.order-top .top-right{
	float: right;
	width: 360upx;
	height: 56upx;
	background: #fff;
	border-radius: 28upx;
}
.order-top .top-right .search{
	width: 30upx;
	height: 30upx;
	float: left;
	margin-left: 25upx;
	margin-top: 13upx;
}
.order-top .top-right .search-input{
	width: 280upx;
	height: 56upx;
	border: none;
	background: none;
	outline: none;
	font-size: 28upx;
	color: #333;
	margin-left: 15upx;
	float: left;
}

.sz-box{
	width: 702upx;
	height: 88upx;
	border-radius: 16upx;
	background: #fff;
	margin: 0px auto;
	margin-top: 36upx;
	margin-bottom: 40upx;
}
.sz-box .title{
	font-size: 28upx;
	color: #333;
	font-weight: bold;
	line-height: 88upx;
	padding-left: 20upx;
	float: left;
}
.sz-box .sz-right{
	float: right;
	padding-right: 20upx;
}
.sz-box .sz-right .tap{
	height: 32upx;
	border-radius: 16upx;
	background: #FF382C;
	color: #fff;
	font-size: 18upx;
	line-height: 32upx;
	padding: 0upx 12upx;
	display: inline-block;
	margin-top: 28upx;
	margin-right: 20upx;
}
.sz-box .sz-right .you{
	width: 10upx;
	height: 16upx;
}

.warehouse{
	width: 702upx;
	background: #fff;
	border-radius: 16upx;
	box-sizing: border-box;
	margin: 0px auto;
	padding-left: 63upx;
	margin-bottom: 20upx;
	
}
.warehouse .warehouse-title{
	height: 70upx;
	border-bottom: 2upx solid #E6E6E6;
	line-height: 70upx;
	color: #333;
	font-size: 24upx;
	font-weight: bold;
	position: relative;
}
.warehouse .warehouse-title .shops{
	width: 25upx;
	height: 23upx;
	position: absolute;
	top: 25upx;
	left: -42upx;
}
.warehouse-list .list{
	height: 70upx;
	line-height: 70upx;
	border-bottom: 1upx solid #F5F5F5;
}
.warehouse-list .list:last-child{
	border-bottom: none;
}
.warehouse-list .list .salesman-name{
	float: left;
	font-size: 24upx;
	color: #666666;
	margin-right: 38upx;
}
.warehouse-list .list .salesman-number{
	float: left;
	font-size: 24upx;
	color: #666666;
}
.warehouse-list .list .you{
	width: 10upx;
	height: 16upx;
	float: right;
	margin-right: 20upx;
	position: relative;
	top: 30upx;
}

